﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<meta name="keywords" content="" />
<style type="text/css">
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,pre,form,fieldset,legend,input,img{margin:0;padding:0;}
ul,li,ol{list-style:none;}
img{vertical-align:bottom;border:0;}
body{background:#ddd;font-size:12px;font-family:Helvetica,Arial,sans-serif;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

.GGreen{background-color:#008B00;}
.GBlue{background-color:#007FD7;}
.alpha{filter:alpha(opacity=50);opacity:0.5;}

/*栅格布局框架*/
.C24R36{width:950px;height:1430px;margin:0 auto;background:url(grid-ui/gridbg.gif) left top;}
.C24{width:950px;overflow:hidden;margin:0 auto;}
/*各种槽宽*/
.GL{margin-left:10px;}
.GR{margin-right:10px;}
.GB{margin-bottom:10px;}

/*0楼*/
.C24R4{width:950px;height:150px;}

/*1楼轮换及公告区*/
.C18R11{width:710px;height:430px;float:left;}
.C6R11{width:230px;height:430px;float:left;}
.C6R2{width:230px;height:70px;}
.C6R6{width:230px;height:230px;}
.C6R3{width:230px;height:110px;}

/*2楼*/
.C18R5{width:710px;height:190px;float:left;}
.C3R5{width:110px;height:190px;float:left;}

/*3楼*/
.C11R8{width:430px;height:310px;float:left;}
.C7R8{width:270px;height:310px;float:left;}
.C6R8{width:230px;height:310px;float:left;}

/*4楼*/
.C24R6{width:950px;height:230px;}

/*5楼*/
.C24R3{width:950px;height:110px;}
</style>
</head>
<body>
<div class="C24R36">
<div class="alpha">

<div class="C24R4 GB GBlue">

</div>
<div class="C24 GB">
	<div class="C18R11 GR GBlue">
	
	</div>
	<div class="C6R11 GBlue">
		<div class="C6R2 GGreen GB">
		
		</div>
		<div class="C6R6 GGreen GB">
		
		</div>
		<div class="C6R3 GGreen">
		
		</div>
	</div>
</div>
<div class="C24 GB">
	<div class="C18R5 GR GGreen">
	
	</div>
	<div class="C3R5 GBlue GR">
		
	</div>
	<div class="C3R5 GBlue">
		
	</div>
</div>
<div class="C24 GB">
	<div class="C11R8 GR GBlue">
	
	</div>
	<div class="C7R8 GR GGreen">
	
	</div>	
	<div class="C6R8 GBlue">
	
	</div>
</div>
<div class="C24R6 GB GBlue">

</div>
<div class="C24R3 GGreen">

</div>

</div>
</div>
</body>
</html>
